<template>
  <div class="searchable-row">
    <Page v-if="paper.enable" show-sizer show-total size="small" show-elevator
      placement="top" :page-size-opts="[20,50,100]" :total="paper.recordCount"
      :page-size="paper.pageSize" @on-change="paper.pageChange"
      @on-page-size-change="paper.sizeChange" />
    <div v-else class="ivu-page mini">
      <span class="ivu-page-total">共 {{paper.recordCount}} 条</span>
    </div>
  </div>
</template>

<script>
export default {
  props: ['paper']
};
</script>
